﻿body{ }

.nav-top{width: 100%;min-width: 1200px;height: 60px;background-color: rgb(255,255,255);margin:0 auto;color:#6D6E71;border-bottom: solid 1px rgb(230,230,230);padding-bottom: 10px;}
body,div,p,ol,ul,dl,li,table,th,tr,td{  margin:0;  padding:0;   }
img{border:none}
a{text-decoration:none;color: rgb(180,180,180);}
a:hover{color:red}
ul{list-style: none;}

.nav-top .s1{padding-left: 3%;padding-top: 10px;font-size: 16px;float: left;line-height: 50px;}
.s1 img{width: 50px;padding-right: 10px;float: left;}
.s1 .text{float: left;margin-top: 5px;font-weight: bold;color: rgb(50,50,50);}
.nav-top .s2{padding-left: 40%;padding-top: 30px;font-size: 14px;float: left;font-weight: bold;}
.s2 a{padding-left: 30px;color:rgb(50,50,50);text-decoration: none;}
.s2 a:hover{color: red;text-decoration: none;}

.nav-top2{width: 100%;min-width: 1200px;position: relative; overflow: auto;margin: 0 auto;}
.top-out-contain{   width:100%;min-width: 1200px; position: relative; overflow: auto;}
.top-out-contain .top-out-contain-ul{width:100%;min-width: 1200px;float:left;}
.top-out-contain .top-out-contain-ul li{overflow: hidden;width:100%;}
.top-out-contain li { list-style: none; }
.top-out-contain ul li { float: left; }

#b03 { position: relative; overflow: auto; text-align: center;}
#b03 li { list-style: none; }
#b03 ul li { float: left; }
#b03 .dots { position: absolute; left: 0; right: 0; bottom: 10px;}
#b03 .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid rgb(200,200,200); border-radius: 7px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
#b03 .dots li.active {background:rgb(200,200,200);opacity: 1;}

#b03 li img{
	width: 100%;
}

.nav-middle{text-align: center;width: 100%;padding-top: 50px;}

.nav-middle2{width: 1200px;min-width: 1200px;margin: 0 auto;padding-bottom: 50px;line-height: 30px;}
.p1{width: 50%;float: left;}
.p1 img{width: 340px;margin-left: 180px;}
.p2{width: 50%;float: left;margin-top: 30px;}
.p2 p{font-size: 10px;width: 350px;margin-left: 50px;margin-top: 10px;}
.p2 p img{width: 150px;padding-left: 30px;}
.p2 p .b1{width: 120px;height: 30px;border:none;border-radius: 4px;color: white;background-color:rgb(102,172,52);line-height: 30px;font-size: 12px;margin-left: 30px; }
.p2 p .b2{width: 120px;height: 30px;border:none;border-radius: 4px;color: white;background-color:rgb(102,172,52);line-height: 30px;font-size: 12px;margin-left: 32px; }
.line{height:1px;width:100%;background:rgb(210,210,210);overflow:hidden;}
.nav-middle2 p{
	margin-top: 15px;
}



.nav-middle3{text-align: center;width: 100%;padding-top: 50px;float: left;padding-bottom: 200px;}
.nav-middle3 .show{

	width: 1200px;
	height: 280px;
	margin: auto;
}

.nav-middle3 .show .item{

	width: 220px;
	display: table-cell;
	text-align: center;

}

.nav-middle3 .show .item .p2{
	width: 240px;
}

.nav-middle3 .show .item .p2 img{
	
	width: 90%;
	margin-left: 5%;
}

.nav-middle3 .show .item .p3{
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}

.nav-middle4{width: 1200px;min-width: 1200px;margin: 0 auto;overflow-x: hidden;}

.p3{float: left;width: 50%; }
.p3 p{margin-left: 200px;padding-top: 20px;}
.p3 img{height: 120px;}
.p4{float: left;width: 50%;}
.maiya{font-size: 10px;width: 350px;margin-left: 60px;margin-top: 20px;}
.maiya img{height: 126px;padding-left: 30px;}
.sp1{margin-left: 130px;}
.sp2{margin-left: 100px;}
.sp3{margin-left: 10px;}
.wzy{width: 350px;margin-left: 60px;margin-top: 10px;}
.wzy img{width: 150px;padding-left: 30px;}

.bottom{color:white; background-color: rgb(82,82,82); width: 100%;min-width: 1200px;position: relative; overflow: auto;margin: 0 auto;text-align: center;padding-top: 20px;padding-bottom: 20px; clear: both;font-size: 12px;height: 130px;font-size: 13px;overflow-x: hidden;}
.bottom a{color: white;cursor: pointer;}
.bottom a:hover{text-decoration: none;color: red;}
.bottom p{padding-top: 5px;line-height: 20px;margin-bottom: 5px;}

.bottom p a{
	line-height: 30px;
}

.bottom .bd{
	position: relative;
}

.bottom .bd img{
	position: absolute;
	left: 50%;
	top:0px;
	margin-left:-80px;
}

.bottom .bd .bda{
	position: absolute;
	left: 50%;
	top:0px;
	margin-left: -65px;
}



.bottom p a img{
	width: 23px;
    height: 30px;
}

.ss1{
	width: 100%;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	color: rgb(50,50,50);
}

.ss2{
	position: relative;
	width: 520px;min-width: 520px;margin: 0 auto;
	background-color: rgb(230,230,230);
	height: 60px;
}

.ss2 .p1{
	position: absolute;
	left: 0px;
	top:30px;
	height: 2px;
	width: 120px;
	background-color: rgb(185,223,173);
}

.ss2 .p2{
	position: absolute;
	left: 120px;
	top:28px;
	height: 4px;
	width: 4px;
	border-radius: 2px;
	background-color: rgb(252,221,178);
}

.dow{
	width: 680px;
	height:200px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 50px;
}

.dow .item{
	display: inline-block;
	position: relative;
	width: 200px;
	height: 100px;
	background-color: rgb(240,240,240);
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 20px;
}

.dow .item:hover{
	background-color: rgb(200,200,200);
}

.dow .item .p1{
	position: absolute;
	left: 0px;
	right: 0px;
	top:0px;
	line-height: 50px;
	text-align: center;
	width: 200px;
	font-size: 18px;
	font-weight: bold;
}

.dow .item .p2 img{
	position: absolute;
	left: 50%;
	top:50px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	cursor: pointer;
}


.head{
	width: 880px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 20px;
	font-weight: bold;
	font-size: 16px;
	padding-left: 40px;
}


.down{
	width: 880px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 0px;
}

.down .item{
	display: inline-block;
	position: relative;
	width: 100%;
	height: 90px;
	background-color: rgb(240,240,240);
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 20px;
}

.down .item .i1 img{
	position: absolute;
	left: 30px;
	top:30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}



.down .item .i2{
	position: absolute;
	left: 110px;
	top:10px;
	line-height: 30px;
	font-size: 14px;
	color: rgb(26, 115, 232);
}

.down .item .i3{
	position: absolute;
	left: 110px;
	top:40px;
	line-height: 30px;
	font-size: 12px;
	color:rgb(95, 99, 104);
}


.down .item .i4{
	position: absolute;
	left: 90px;
	top:0px;
	width: 1px;
	height: 90px;
	background-color: rgb(200,200,200);
}



.down2{
	width: 880px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 0px;
}

.down2 .item{
	display: inline-block;
	position: relative;
	width: 100%;
	height: 90px;
	background-color: rgb(240,240,240);
	border-radius: 5px;
	margin-left: 20px;
	margin-top: 20px;
}

.down2 .item .i1 img{
	position: absolute;
	left: 30px;
	top:30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}



.down2 .item .i2{
	position: absolute;
	left: 110px;
	top:10px;
	line-height: 30px;
	font-size: 14px;
	color: rgb(26, 115, 232);
}

.down2 .item .i3{
	position: absolute;
	left: 110px;
	top:40px;
	line-height: 30px;
	font-size: 12px;
	color:rgb(95, 99, 104);
}


.down2 .item .i4{
	position: absolute;
	left: 90px;
	top:0px;
	width: 1px;
	height: 90px;
	background-color: rgb(200,200,200);
}

